<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>CSS Test: grapheme clusters and letter-spacing</title>
<link rel="author" title="Mark Qin" href="mailto:qclaaa@gmail.com"/>
<style type="text/css">

.test1 { letter-spacing: 1em; }
div { border: solid; width: 10em; line-height: 2;}
</style>
</head>
<body lang="en">

<div class="test1">ÀàÇçÉéÈèÊêÔôŸÿ</div>
<div class="test1">À à Ç ç É é È è Ê ê Ô ô Ÿ ÿ</div>
<div class="test1">hello world!</div>
<div class="test1">한국말선어</div>
<div class="test1">한국말조선어</div>
<div class="test1">アクセント</div>
<div class="test1">アクセントの滝</div>
<div class="test1">我是短中文</div>
<div class="test1">我是长中文啊长中文</div>

</body>
</html>